<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      table tr > td:nth-last-child(2n + 1) {
        background: green;
        color: white;
      }
      /* 属性能定义一个块元素首行文本内容之前的缩进量 */
      p {
        text-indent: 0;
        /* text-indent: 2em  缩进2个字体的位置 */
      }
      h2 > span {
        vertical-align: top;
        font-size: 12px;
      }

      article {
        height: 150px;
        background: linear-gradient(90deg, red, 90%, green);
      }
    </style>
  </head>
  <body>
    <table border="1">
      <tr>
        <td>houdunren.com</td>
        <td>hdcms.com</td>
        <td>后盾人</td>
        <td>houdunwang.com</td>
        <td>hdcms</td>
      </tr>
    </table>

    <p>
      后盾人自2010年创立至今，免费发布了大量高质量视频教程，视频在优酷、土豆、酷六等视频网站均有收录，很多技术爱好者受益其中。除了免费视频外，后盾人还为大家提供了面授班、远程班、公益公开课、VIP系列课程等众多形式的学习途径。后盾人有一群认真执着的老师，他们一心为同学着想，将真正的知识传授给大家是后盾人永远不变的追求。
    </p>

    <h2>houdunren.com <span>hdcms</span></h2>

    <article>
      <div>houdunren.com</div>
    </article>
  </body>
</html>
